<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		/*
		使这两个元素按两列布局，section 和 aside 左右排列。 设置 #left 元素的 float 属性值为 left，设置 #right 元素的 float 属性值为 right*/

		<head>
			<style>
				#left {
					float:left;
					width: 50%;
				}

				#right {
					float:right;
					width: 40%;
				}

				aside,
				section {
					padding: 2px;
					background-color: #ccc;
				}
			</style>
		</head>
	<body>
		<header>
			<h1>Welcome!</h1>
		</header>
		<section id="left">
			<h2>Content</h2>
			<p>Good stuff</p>
		</section>
		<aside id="right">
			<h2>Sidebar</h2>
			<p>Links</p>
		</aside>
	</body>
</html>
